<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        onload= function () {
            var btn=document.getElementById("btn");
            var btn2=document.getElementById("btn2");
            var timerId=null;//储存setTimeout返回的id值
            btn.onclick=function(){
                //延时定时器  只执行一次 跟炸弹一样
                //1.回掉函数 2. 延时事件 单位 毫秒值
                //setTimeout(function(){},3000)

                function fn(){
                    alert("222313");
                }
                timerId=setTimeout(fn,1000);//会返回一个定时器id
            }
            btn2.onclick=function(){
                clearTimeout(timerId);//清楚延时定时器
            }
        }
    </script>
</head>
<body>
<button id="btn">设置</button>
<button id="btn2">解除</button>

</body>
</html>